<template>
  <div class="visitor-track-container">
   <div v-for="(item,index) in lists" :key="index" class="content" :class="index%2==0?'oddrow':'everow'">
    <div v-for=" (itemc,indexc) in item.children" :key="indexc" class="row_box">
        <img src="@/assets/images/pipe_icon_red.png" style="width:24px;height:24px" />
        <p>{{itemc.title}}</p>
        <div>
            <p v-for="(itemx,indexx) in itemc.children" :key="indexx">{{itemx.value}}</p>
        </div>
    </div>
   </div>
  </div>
</template>
<script>
export default {
  name: 'TrajectoryChart',
 
  data() {
    return {
        list:[
            {
            children:[
                {title:"标题",children:[{value:"第一"},{value:"第一"},{value:"第一"},],},{title:"标题",children:[{value:"第一"}],},{title:"标题"},{title:"标题"},{title:"标题"},{title:"标题"}
            ]
            },
            {
            children:[
                {title:"标题"},{title:"标题"},{title:"标题"}
            ]
            }
        ]
    }
  },
  computed: {},
  methods: {
  }
}
</script>
<style lang="scss">
     .visitor-track-container{
        .content{
            display: flex;
            .row_box{
            }
        }
        .oddrow{
           display: flex;
           justify-content: flex-start;

        }
        .everow{
            display: flex;
           justify-content: flex-end;
        }
     }
 
</style>